/* 
    Document   : produto_detalhe
    Created on : 22/04/2011, 01:51:40
    Author     : victor
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

#super #conteudo{
    float: left;
    
    width: 930px;
    overflow: auto;
}
#super .clear_meio{
    float: left;
    height: 800px;
    width: 80px;
}

#super #conteudo #detalhe_produto{
    margin: auto;
    width: 930px;
    overflow: auto;
    min-height: 1175px;
    background-image: url("../imagens/site/conteudo_background_corpo.png");
    background-position: center;
    background-repeat: repeat-y;

}
#super #conteudo .conteudo_rodape{
    margin: auto;
    width: 930px;
    height: 34px;
    background-image: url("../imagens/site/conteudo_background_rodape.png");
    background-position: center;
    background-repeat: no-repeat;
}
#super #conteudo #detalhe_produto .clear_up{
    float: left;
    height: 30px;
    width: 100%;
}
#super #conteudo #detalhe_produto .clear_up2{
    float: left;
    height: 30px;
    width: 90%;
}
#super #conteudo #detalhe_produto .clear_left2{
    float: left;
    height: 300px;
    width: 25px;
}
#super #conteudo #detalhe_produto .divisor{
    float: left;
    margin-left: 15px;
}

#super #conteudo .titulo{
    margin: auto;
    width: 930px;
    height: 25px;
}
#super #conteudo .titulo .titulo_esq{
    width: 7px;
    height: 25px;
    background-image: url("../imagens/site/conteudo_titulo_esquerda.png");
    float: left;
}
#super #conteudo .titulo .titulo_meio{
    height: 25px;
    width: 916px;
    background-image: url("../imagens/site/conteudo_titulo_meio.png");
    text-align: center;
    font-family: arial;
    color: white;
    float: left;
}
#super #conteudo .titulo .titulo_dir{
    width: 7px;
    height: 25px;
    background-image: url("../imagens/site/conteudo_titulo_direita.png");
    float: left;
}

#super .anuncio{
    float: left;
    width: 685px;
    height: 113px;
    margin-left: 200px;
}
#super #conteudo #detalhe_produto .titulo_livro{
    text-align: center;
    font-family: arial;
    color: #666666;
    font-size: 13pt;
}
#super #conteudo #detalhe_produto #produto{
    height: 129px;
    width: 891px;
}
#super #conteudo #detalhe_produto #produto .clear_up{
    float: left;
    height: 40px;
    width: 540px;
}
#super #conteudo #detalhe_produto #produto .clear_left{
    width: 40px;
    height: 250px;
    float: left;
}

#super #conteudo #detalhe_produto #produto #imagem{
    width: 174px;
    float: left;
}
#super #conteudo #detalhe_produto #produto #imagem .imagens{
    width: 100%;
    text-align: center;
}
#super #conteudo #detalhe_produto #produto #imagem .imagens ul{
    float: left;
    width: 100%;
    padding: 0px;
}
#super #conteudo #detalhe_produto #produto #imagem .imagens span {
    font-family: arial;
    color: #999999;
    font-size: 9pt;
}
#super #conteudo #detalhe_produto #produto #imagem .imagens ul li.mini_imagem{
    list-style: none;
    float: left;
    margin-left: 10px;
}
#super #conteudo #detalhe_produto #produto .preco{
    font-family: arial;
    font-size: 10pt;
    color: #666666;
}
#super #conteudo #detalhe_produto #produto .preco .valor{
    width: 558px;
    font-family: arial;
    font-size: 14pt;
    font-weight: bold;
    color: #1E90FF;
}
#super #conteudo #detalhe_produto #produto .comprar{
    float: left;
    width: 550px;
    text-align: center;
    border: none;
}
#super #conteudo #detalhe_produto #produto .comprar a img{
    border:none;
}
#super #conteudo #detalhe_produto #produto #formas_pagamento{
    float: left;
    vertical-align: middle;
}
#super #conteudo #detalhe_produto #produto #formas_pagamento .esquerda{
    height: 129px;
    width: 14px;
    float:left;
    background-image: url("../imagens/site/detalheProd_cinza_esq.png");
}
#super #conteudo #detalhe_produto #produto #formas_pagamento .meio{
    height: 129px;
    width: 530px;
    float:left;
    background-image: url("../imagens/site/detalheProd_cinza_corpo.png");
}
#super #conteudo #detalhe_produto #produto #formas_pagamento .meio .titulo{
    font-family: arial;
    font-size: 11pt;
    color: #1E90FF;
    width: 530px;
}
#super #conteudo #detalhe_produto #produto #formas_pagamento .meio .formas{
    width: 530px;
}
#super #conteudo #detalhe_produto #produto #formas_pagamento .direita{
    height: 129px;
    width: 13px;
    float:left;
    background-image: url("../imagens/site/detalheProd_cinza_direita.png");
}
#super #conteudo #detalhe_produto #produto #formas_pagamento .meio .clear_left{
    margin: 0px
}
#super #conteudo #detalhe_produto #produto #formas_pagamento .meio .clear_up{
    height: 10px;
    width: 530px;
    float:left;
}
#super #conteudo #detalhe_produto #produto #formas_pagamento .meio .clear_left{

}
#super #conteudo #detalhe_produto #produto #formas_pagamento .meio .pagamento .titulo{
    font-family: arial;
    font-size: 10pt;
    color: #999999;
}
#super #conteudo #detalhe_produto #produto #formas_pagamento .meio .pagamento .conteudo{
    font-family: arial;
    color: #999999;
    font-size: 10pt;
}
/*----------------------------------------------------------*/

#super #conteudo #detalhe_produto #informacao_produto{
    float: left;
    width: 880px;
    height:500px;
}
#super #conteudo #detalhe_produto #informacao_produto .clear_left{
    float: left;
    width: 60px;
    height: 300px;
}
#super #conteudo #detalhe_produto #informacao_produto #abas_informacao{
    width: 770px;
    float: left;
}

#super #conteudo #detalhe_produto #informacao_produto #abas_informacao .clear_left{
    height: 10px;
    float: left;
    width: 30px;
}

#super #conteudo #detalhe_produto #informacao_produto #abas_informacao .aba .clear_up{
    width: 100%;
    height: 10px;
}
#super #conteudo #detalhe_produto #informacao_produto #abas_informacao .aba span{
    vertical-align: middle;
}


#super #conteudo #detalhe_produto #informacao_produto div.panes{
    text-align: justify;
    font-family: arial;
    font-size: 10pt;

}
#super #conteudo #detalhe_produto #informacao_produto div.panes div{
    padding-top: 10px;

}
#super #conteudo #detalhe_produto #informacao_produto div.panes ul{
    list-style-image: url("../imagens/site/seta_lista.png");
}
#super #conteudo #detalhe_produto #informacao_produto div.panes ul li{
    margin-bottom: 7px;
}
#super #conteudo #detalhe_produto #informacao_produto div.panes ul li span.tit{
    font-weight: bold;
    font-style: italic;
    text-decoration: underline;
}


#super #conteudo #detalhe_produto #informacao_produto img{
    float: left;
}
#super #conteudo #detalhe_produto #informacao_produto .info{
    float: left;
    width: 400px;
    height: 400px;
}
#super #conteudo #detalhe_produto #informacao_produto .info .clear_left{
    float: left;
    width: 20px;
    height: 200px;
}
/*-----------------------------------------------------*/
.panes div {
    display:none;
    padding:15px 10px;
    border:1px solid #999;
    border-top:0;
    height:350px;
    width: 750px;
    font-size:14px;
    background-color:#fff;
}

/*--------------------------------------------------------*/

#super #conteudo #detalhe_produto #promocoes{
    width: 95%;
    height: 150px;
    float: left;
}
#super #conteudo #detalhe_produto #promocoes .clear_left{
    float: left;
    width: 25px;
    height: 50px;
}
#super #conteudo #detalhe_produto #promocoes .seta{
    float: left;
    height: 180px;
}
#super #conteudo #detalhe_produto #promocoes .seta img{
    vertical-align: middle;
}
#super #conteudo #detalhe_produto #promocoes .seta .clear_up{
    height: 40px;
    width: 100%;
}
#super #conteudo #detalhe_produto #promocoes .prods{
    float: left;
    height: 180px;
    width: 780px;
}
#super #conteudo #detalhe_produto #promocoes .prods .prod{
    text-align: center;
    margin-left: 35px;
    height: 180px;
    width: 150px;
    float: left;
}
#super #conteudo #detalhe_produto #promocoes .prods .prod .clear_up{
    height: 15px;
    width: 150px;
    float: left;
}
#super #conteudo #detalhe_produto #promocoes .prods .prod .titulo{
    width: 100%;
    height: 30px;
    float: left;
    font-family: arial;
    color: #999999;
    font-size: 10pt;
}
#super #conteudo #detalhe_produto #promocoes .prods .prod .preco{
    font-family: arial;
    font-weight: bold;
    color:#666666;
}
#super #conteudo #detalhe_produto #promocoes .prods a .prod img{
    border: none;
}

